<template>
  <span class="yellow" v-if="infoStatus  === 0">审核中</span>
  <span class="green" v-if="infoStatus  == 1">报名成功</span>
  <span class="black" v-if="infoStatus  == 2">完赛</span>
  <span class="red" v-if="infoStatus   == 3">已取消/弃权</span>
  <span class="yellow" v-if="infoStatus  == 4">比赛中</span>
  <span class="yellow" v-if="infoStatus  == 5">已获晋级资格</span>
  <span class="green" v-if="infoStatus == 6">晋级成功</span>
  <span class="yellow" v-if="infoStatus  == 7">弃权</span>
  <span class="red" v-if="infoStatus  == 8">驳回</span>
  <span class="yellow" v-if="infoStatus  == 9">待确认</span>
  <span class="grey" v-if="infoStatus  == 10">报名未成功</span>
</template>

<script setup>

const props = defineProps({
  infoStatus: {
    type: Number
  },
});
</script>

<style scoped>
span.red {
  color: #FC5260;
}

span.red1 {
  color: red;
}

span.blue {
  color: #00B7B3;
}

span.green {
  color: forestgreen;
}

span.black {
  color: #4F5A70;
}

span.yellow {
  color: #FF8F3C;
}

span.grey {
  color: #959ca9;
}
</style>
